<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="cdn/element-ui/2.15.1/theme-chalk/index.css">
    <title>商城Demo</title>
    <style>
    	  html,body{
    		  margin: 0;
    		  padding: 0;
    		  width: 100%;
    		  height: 100%;
    	  }
    	  #app{
    		  width: 100%;
    		  height: 100%;
    	  }
    	  .logo{
    		  width: auto;
          height: 60px;
          display: flex;
          overflow: hidden;
          background-color: #1fb494;
    	  }
    	  .logo img{
    	  	width: 32px;
    		height: 32px;
    		margin: 14px 10px 0 15px;
    	  }
    	  .logo .title{
    	  	font-size: 16px;
    		text-overflow: ellipsis;
    		color: white;
    		line-height: 61px;
    	  }
    	  .top-box{
    		height: 60px;
    		display: flex;
    		background-color: #1fb494;
    	  }
    	  .top-box-i{
    	  	width: 32px;
    		height: 32px;
    		font-size: 24px;
    		margin: 16px 10px 0 15px;
    		color: #FFFFFF;
    	  }

    	  .my-home {
    	    /*background-color: #303133;*/
    	    background-color: rgba(33, 172, 199, 1.0);
    	    height: 100%;
    	    display: flex;
    	    flex-direction: column;
    	  }

    	  .my-home__main {
    	    user-select: none;
    	    width: 100%;
    	    flex-grow: 1;
    	    display: flex;
    	    justify-content: center;
    	    align-items: center;
    	    flex-direction: column;
    	  }

    	  .my-home__footer {
    	    width: 100%;
    	    flex-grow: 0;
    	    text-align: center;
    	    padding: 1em 0;
    	  }

    	  .my-home__footer>a {
    	    font-size: 12px;
    	    color: #ABABAB;
    	    text-decoration: none;
    	  }

    	  .my-home__loading {
    	    height: 32px;
    	    width: 32px;
    	    margin-bottom: 20px;
    	  }

    	  .my-home__title {
    	    color: #FFF;
    	    font-size: 14px;
    	    margin-bottom: 10px;
    	  }

    	  .my-home__sub-title {
    	    color: #FFFFFF;
    	    font-size: 12px;
    	  }

    	  ::-webkit-scrollbar{
    	    width: 7px;
    	    height: 7px;
    	    background-color: transparent;
    	  }
    	  ::-webkit-scrollbar-thumb {
    	    border-radius: 5px;
    	    background-color: rgba(223, 16, 71, 0.3);

    	  }
    	  ::-webkit-scrollbar-track-piece {
    	    background-color: transparent;
    	  }
    	  a{
    		color: #FFFFFF;
    		text-decoration: none;
    	  }
    </style>
  </head>
  <body>
    <div id="app">
      <div class="my-home">
      		<div class="my-home__main">
      		  <!-- <img class="my-home__loading" src="public/img/loading-spin.svg" alt="loading"> -->
      		  <div class="my-home__title">
      			努力加载中...
      		  </div>
      		</div>
      </div>
    </div>
    <script src="cdn/vue/2.6.10/vue.min.js" charset="utf-8"></script>
    <script src="cdn/vuex/3.1.1/vuex.min.js" charset="utf-8"></script>
    <script src="cdn/vue-router/3.0.1/vue-router.min.js" charset="utf-8"></script>
    <script src="cdn/axios/1.0.0/axios.min.js" charset="utf-8"></script>
    <script src="cdn/element-ui/2.15.1/index.js" charset="utf-8"></script>
  </body>
</html>
